<!DOCTYPE html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
<header th:replace="/admin/index::header-fragment"></header>

    <body>
        <div class="x-nav">
            <span class="layui-breadcrumb">
                <a href="">首页</a>
                <a href="">演示</a>
                <a>
                    <cite>导航元素</cite></a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
                <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
            </a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body "  >
                            <form class="layui-form layui-col-space5" th:action="@{/admin/upload}" method="post" enctype="multipart/form-data">
                                <div class="layui-input-inline layui-show-xs-block">
                                    <input class="layui-input" placeholder="图片名称" name="picturename"></div>
                                <div class="layui-input-inline layui-show-xs-block">
                                    <input class="layui-input" placeholder="图片描述" name="picturedescription"></div>
                                <div class="layui-input-inline layui-show-xs-block">
                                    <input class="layui-input" type="file" id="file" name="pictureaddress"></div>
                                <div class="layui-input-inline layui-show-xs-block">
                                    <input class="layui-btn"  lay-submit="" type="submit" value="添加"></input>
                                </div>
                            </form>
                            <hr>
                        </div>
                        <div class="layui-card-body ">
                            <table class="layui-table layui-form">
                              <thead>
                                <tr >
                                  <th width="20">
                                      <input type="checkbox" lay-filter="checkall" name="" lay-skin="primary">
                                  </th>
                                  <th width="70" >ID</th>
                                  <th>图片</th>
                                  <th >图片名称</th>
                                  <th>图片描述</th>
                                  <th width="250">操作</th>
                              </thead>
                              <tbody >
                                <tr th:each="picture:${pageInfo.list}" >
                                  <td>
                                      <input type="checkbox" name="id" value="1"   lay-skin="primary">
                                      <input type="hidden" name="id" th:value="${picture.id}">
                                  </td>
                                  <td ><sapn th:text="${picture.id}"></sapn></td>
                                  <th><image th:src="${picture.pictureaddress}"/> </th>
                                  <td th:text="${picture.picturename}">图片名称</td>
                                  <td th:text="${picture.picturedescription}">地点</td>
                                  <td class="td-manage">
                                    <a class="layui-btn-danger layui-btn layui-btn-xs"  th:href="@{/admin/picturedelete(id=${picture.id})}" ><i class="layui-icon">&#xe640;</i>删除</a>
                                  </td>
                                </tr>

                              </tbody>
                            </table>
                        </div>
                        <div class="layui-card-body ">
                            <div class="page">
                                <div>
                                    <a class="pre" th:href="@{/admin/showpicture(pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}" th:unless="${pageInfo.isFirstPage}">上一页</a>
                                    <!--<a class="prev" th:if="page!=1" th:href="@{/admin/showpicturepage(page=${PictureLists.Page.pageNum})">上一页</a>-->
                                    <a th:text="${pageInfo.pageNum}"></a> / <a th:text="${pageInfo.pages}"></a>
                                    <!--<span class="current" th:href="@{/admin/showpicture(page=${page})}" ></span>-->
                                    <a class="next" th:href="@{/admin/showpicture(pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}" th:unless="${pageInfo.isLastPage}">下一页 &gt;&gt;</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
          layui.use(['form'], function(){
            form = layui.form;

          });

           /*用户-删除*/
          function member_del(obj,id){
              layer.confirm('确认要删除吗？',function(index){
                  //发异步删除数据
                  $(obj).parents("tr").remove();
                  layer.msg('已删除!',{icon:1,time:1000});
              });
          }

        </script>
        <script>
        layui.use('laydate',
        function() {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
        elem: '#start' //指定元素
        });

        });</script>
    </body>
</html>
